<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>项目简介</title>
    <link href="/cms/frame/bootstrap-4.6.2-dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: '微软雅黑', sans-serif;
            background-color: #f8f9fa;
            padding: 20px;
            background-color: rgba(204, 229, 255, 0.2);
        }

        .container {
            max-width: 800px;
            margin: 50px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .title {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
        }

        .content {
            font-size: 18px;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .info {
            font-size: 24px;
            margin-top: 20px;
            text-align: right;
        }
    </style>
</head>

<body>
<div class="container">
    <div class="title">项目简介</div>
    <div class="content">
        <h4>项目概要</h4>
        <p><strong>学院管理系统（CMS）</strong>是一款基于 <strong>Spring Boot</strong> 和 <strong>MyBatis</strong> 的Web应用，旨在为学院提供一个高效、便捷的管理平台。该系统支持学生、教师、班级、课程及教室的信息管理，能够显著提升管理效率并优化资源配置。通过集成现代技术栈，CMS 不仅保证了系统的稳定性和可扩展性，还为用户提供了流畅的操作体验。</p>
    </div>
    <div class="content">
        <h4>界面设计</h4>
        <p>系统界面采用简洁、直观的设计风格，左侧为导航菜单，方便用户快速访问各项功能，右侧为内容显示区域，通过iframe实现不同页面的加载，提升用户体验。系统使用 <strong>Bootstrap</strong> 和 <strong>Bootstrap Icons</strong> 图标库为用户提供用户友好的界面设计，确保操作简单明了，降低学习曲线。各功能模块清晰分隔，使用户能够轻松找到所需功能，减少操作步骤。此外，动态交互功能通过 JavaScript 实现导航菜单的折叠与展开，使得界面更加灵活，用户可以根据需要优化工作空间。在统计分析模块中，系统提供了直观的学生数据可视化，展示了学生性别比例与各班级人数的两个统计图，使管理者能够快速获取关键信息。这些设计理念确保用户方便交互，使管理工作变得更加高效和愉悦。</p>
        <h4>改进思路</h4>
        <p>本项目是一个小型的web应用，由于开发时间等限制，许多功能已有后续的改进思路但并未实装。如：在学生端实现选课功能（增加一张选课表，选课表的主键为学号和课程号的组合，同时设置任课教师、上课教室等外键）、优化搜索功能（实现更复杂的搜索和筛选功能，让用户能够根据多种条件搜索等。在教室管理的搜索中已经实现了根据两个字段进行搜索）等</p>
    </div>

    <div class="info">青岛大学&nbsp&nbsp&nbsp&nbsp赵昊鹏</div>
</div>
</body>

</html>
